<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			{
			margin: 0;
			padding: 0;	
			box-sizing: border-box;	
			}
			html{
				font-size: 30px;
			}
			html,body{
				height: 100%;
			}
			body{
				background-color: white;
				font-size: 30px;
			}
			ul{
				list-style: none;
				border: 1px solid black;
				width: 600px;
				margin: 0px auto;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
				padding: 15px;
				
			}
			li{
				border-bottom: 1px solid#000000;
				line-height: 2;
				font-size: 14px;
				text-indent: 1rem;
				border-bottom-style: dotted;
			}
			li:first-child{
				font-size: 1rem;
				text-indent: 0;
				font-weight: bold;
				border-bottom-style: solid;
			
			}
			a{
				text-decoration: none;
				color: yellow;
			}
			a:hover{
				text-decoration: underline;
			}
		</style>
	</head>
	<body>
		<ul>
			<li>最新文章/New Articles</li>
			<li><a href="#">北京招聘网页设计，平面设计，php</a></li>
			<li>体验javascript的魅力</li>
			<li>jquery世界来临</li>
			<li>网页设计师的梦想</li>
			<li>jquery中的链式编程是什么</li>
		</ul>
		
	</body>
</html>
